<template>
  <div class="finance-records">
    <div class="between baselight2 ptb20 plr20 ft16 bgheader flex alcenter">
      <p>
        <span class="pointer">Account <span>/</span></span>
        <span class="blue">Financial records</span>
      </p>
      <div>
        <div class="el-select flex1 bdinput">
          <!---->
          <div class="el-input el-input--suffix">
            <!----><input
              type="text"
              readonly="readonly"
              autocomplete="off"
              placeholder="Please select currency"
              class="el-input__inner"
            /><!----><span class="el-input__suffix"
              ><span class="el-input__suffix-inner"
                ><i class="el-select__caret el-input__icon el-icon-arrow-up"></i
                ><!----><!----><!----><!----><!----></span
              ><!----></span
            ><!----><!---->
          </div>
          <div
            class="el-select-dropdown el-popper"
            style="display: none; min-width: 229.5px"
          >
            <div class="el-scrollbar" style="">
              <div
                class="el-select-dropdown__wrap el-scrollbar__wrap el-scrollbar__wrap--hidden-default"
              >
                <ul class="el-scrollbar__view el-select-dropdown__list">
                  <!---->
                  <li class="el-select-dropdown__item"><span>All</span></li>
                </ul>
              </div>
              <div class="el-scrollbar__bar is-horizontal">
                <div
                  class="el-scrollbar__thumb"
                  style="transform: translateX(0%)"
                ></div>
              </div>
              <div class="el-scrollbar__bar is-vertical">
                <div
                  class="el-scrollbar__thumb"
                  style="transform: translateY(0%)"
                ></div>
              </div>
            </div>
            <!---->
          </div>
        </div>
      </div>
    </div>
    <div class="bgpart plr15">
      <ul>
        <li class="flex alcenter ptb10">
          <span class="flex1">Currency</span>
          <span class="flex1 tc">number</span>
          <span class="flex1 tc">Record</span>
          <span class="flex1 tr">Time</span>
        </li>
      </ul>
      <!---->
      <div>
        <div class="tc ptb40">
          <img
            src=""
            alt=""
            class="wt70"
          />
          <p>No record yet</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    refresh(){}
  },
  mounted() {},
};
</script>

<style lang="scss" scoped></style>
